<script>
import {mapGetters} from "vuex";

export default {
    name: "ConPoin",
    computed:mapGetters("product",["categoryView"])
}
</script>

<template>
    <div class="conPoin">
        <router-link v-for="item in categoryView" :key="item.level" :to="{
            path:'/search',
            query:{
                ['category'+item.level+'Id']:item.id,
                categoryName:item.name
            }
        }">{{item.name}}</router-link>

    </div>
</template>

<style scoped lang="less">
.conPoin{
    padding: 9px 15px 9px 0;
    &>a + a:before {
        content: "/\00a0";
        padding: 0 5px;
        color: #ccc;
    }
}
</style>